<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Welcome to ECard</title>

	<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url('content/css/style.css');?>" />
	<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url('content/css/jquery-ui.css');?>" />
	<script src="<?php echo base_url('content/js/jquery-1.10.2.js'); ?>" type="text/javascript"></script>
	<script src="<?php echo base_url('content/js/jquery-ui.js'); ?>" type="text/javascript"></script>
	<script src="<?php echo base_url('content/js/jquery.ui.touch-punch.js'); ?>" type="text/javascript"></script>
	<script src="<?php echo base_url('content/js/fabric-all.js'); ?>" type="text/javascript"></script>
    <script>
      function hideAddressBar()
      {
          if(!window.location.hash)
          { 
              if(document.height <= window.outerHeight + 10)
              {
                  document.body.style.height = (window.outerHeight + 50) +'px';
                  setTimeout( function(){ window.scrollTo(0, 1); }, 50 );
              }
              else
              {
                  setTimeout( function(){ window.scrollTo(0, 1); }, 0 ); 
              }
          }
      } 

      window.addEventListener("load", hideAddressBar );
      window.addEventListener("orientationchange", hideAddressBar ); 
    </script>
</head>
<body>

<div id="container">
